JS 圖片縮放效果代碼
更新時間：2010年06月09日 01:08:42 作者：
現(xiàn)在許多網(wǎng)站上都有圖片的自由放大和縮小功能。這里的代碼并不好，適合開始學(xué)習(xí)js朋友。更多更好的代碼，可以搜索腳本之家以前的文章。
復(fù)制代碼 代碼如下:
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<TITLE>onMouseWheel</TITLE>
<SCRIPT>
var count = 10;
function Picture()
{
count = Counting(count);
Resize(count);
return false;
}
function Counting(count){
if (event.wheelDelta >= 120)
count++;
else if (event.wheelDelta <= -120)
count--;
return count;
}
function Resize(count){
oImage.style.zoom = count + '0%';
oCounter.innerText = count + '0%';
}
</SCRIPT>
</HEAD>
<BODY>
<div align=center>
<span style="font-weight:bold">Size =
<span id="oCounter" style="color:red;">100%</span></span>
<img id="oImage" src="images/aaa.gif" onmousewheel="return Picture();" >
</div>
</BODY>
</HTML>
您可能感興趣的文章:
- JS獲取圖片實際寬高及根據(jù)圖片大小進(jìn)行自適應(yīng)
- css+js完美控制圖片大小
- JS限制上傳圖片大小不使用控件在本地實現(xiàn)
- JavaScript 動態(tài)改變圖片大小
- js 加載時自動調(diào)整圖片大小
- js獲取圖片大小的函數(shù)代碼
- JS檢測圖片大小的實例
- JS+css 圖片自動縮放自適應(yīng)大小
- JavaScript 圖片放大鏡（可拖放、縮放效果）
- js 圖片等比例縮放代碼
- 關(guān)于圖片按比例自適應(yīng)縮放的js代碼
- JS網(wǎng)頁圖片按比例自適應(yīng)縮放實現(xiàn)方法
- javascript實現(xiàn)獲取圖片大小及圖片等比縮放的方法
相關(guān)文章
![DOM Scripting中的圖片切換[兼容Firefox]](http://img.jbzj.com/images/xgimg/bcimg0.png)
DOM Scripting中的圖片切換[兼容Firefox]
dom scripting確實是一本對javascript dom編程很有指導(dǎo)意義的書，今天看了書中一個簡單的圖片切換實例，感覺很有意思。2010-06-06
2007-08-08
css圖片自適應(yīng)大小...2007-11-11
jb51站長推薦的用js實現(xiàn)的多瀏覽器支持的圖片輪換展示效果ie,firefox
jb51站長推薦的用js實現(xiàn)的多瀏覽器支持的圖片輪換展示效果ie,firefox...2007-03-03
實現(xiàn)圖片翻頁效果實例代碼2008-07-07
javascript 火狐(firefox)不顯示本地圖片問題解決
在Firefox一直不能用js做出圖片預(yù)覽的效果，下面這個即可解決，用替換的方法實現(xiàn)firefox支持得的路徑格式2008-07-07
圖片展示效果 鼠標(biāo)經(jīng)過變大圖，支持FF
圖片展示效果，鼠標(biāo)經(jīng)過變大圖，支持FF 類似FLASH一樣漂亮2009-08-08
一般用于用戶選擇頭像或選擇性別的需要2008-09-09
非常不錯的js圖片輪換效果代碼，像柵欄一樣結(jié)合起來，然后顯示完整圖片，代碼相對也不錯2008-06-06
純CSS 漂亮的立體圖片邊框效果，圖片陰影代碼，個人覺得這個挺實用，CSs實現(xiàn)的，定義成類，可讓你整個網(wǎng)頁上的圖片都是有立體陰影的，不錯吧，感謝作者分享。2010-10-10